<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的订单-多益商城</title>
    <link rel="stylesheet" href="/libs/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/font/iconfont.css">
    <link rel="stylesheet" href="/css/myOrder.css">
</head>
<body>
    <header></header>
    <main>
        <div class="main">
            <div class="gohome">
                <a href="/index.html">&lt返回首页</a>
            </div>
            <div class="menu">
                <ul>
                    <p>我的商城</p>
                    <li class="ac"><a href="javasrcipt:;">我的订单</a></li>
                    <li><a href="/html/coupons.html">优惠卷</a></li>
                    <li><a href="/html/mySite.html">我的地址</a></li>
                </ul>
            </div>
            <!-- 我的订单 -->
            <div class="order-all">
                <div class="nav">
                    <ul>
                        <li class="ac order" id="nav-order"><a href="#">全部订单</a></li>
                        <li class="pay" id="nav-pay"><a href="#">待付款</a></li>
                        <li class="delive" id="nav-delive"><a href="#">待发货</a></li>
                        <li class="take" id="nav-take"><a href="#">待收货</a></li>
                    </ul>
                </div>
                <div class="no-order ">
                    <div class="no-order-one">
                        <i></i>
                        <div class="message">
                            <p>没有订单哦~</p>
                            <a href="/index.html">去购物&#62</a>
                        </div>
                    </div>
                    <div class="no-order-one appear">
                        <i></i>
                        <div class="message">
                            <p>没有待付款的订单哦~</p>
                            <a href="/index.html">去购物&#62</a>
                        </div>
                    </div>
                    <div class="no-order-one appear">
                        <i></i>
                        <div class="message">
                            <p>没有待发货的订单哦~</p>
                            <a href="/index.html">去购物&#62</a>
                        </div>
                    </div>
                    <div class="no-order-one appear">
                        <i></i>
                        <div class="message">
                            <p>没有待收货的订单哦~</p>
                            <a href="/index.html">去购物&#62</a>
                        </div>
                    </div>
                </div>
                <div class="have-order appear">
                    <div class="top-bar">
                        <ul>
                            <li class="bar-02">商品信息</li>
                            <li class="bar-03">单价(元)</li>
                            <li class="bar-04">数量</li>
                            <li class="bar-05">小计</li>
                        </ul>
                    </div>
                    <div class="good-list" id="good-list">
                        <script type="text.html" id="myOrdertemplate">
                            {{each myorder shop}}
                                <ul>    
                                    <li class="goods">
                                        <div class="left">
                                            <img src="{{shop.image}}" alt="">
                                        </div>
                                        <div class="right">
                                            <h4><a href="/html/shopList.html?id={{shop.id}}" target="_self">{{shop.title}}</a></h4>
                                            <p class="attr-0"><span>{{shop.product_description ? shop.product_description : '暂无详情'}}</span></p>
                                        </div>
                                    </li>
                                    <li class="prices">￥{{shop.price}}</li>
                                    <li class="numbers">{{shop.count}}</li>
                                    <li class="total">￥{{(shop.count * shop.price).toFixed(2)}}</li>
                                </ul>
                            {{/each}}
                        </script>
                    </div>
                    <div class="paging">
                        <ul>
                            <li class="pag-one">1</li>
                            <li class="pag-two">2</li>
                            <li class="pag-three">3</li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 优惠卷 -->
            <div class="coupon-detail appear">
                <ul class="title">
                    <li class="active"><a href="#">可用优惠券 <span>(0)</span></a></li>
                    <li class=""><a href="#">已用优惠券 <span>(0)</span></a></li>
                    <li class=""><a href="#">过期优惠券 <span>(0)</span></a> </li>
                </ul>
                <div class="coupon-content">
                    <p class="exchange">
                        <input class="coupon-code" type="text" placeholder="输入优惠码">
                        <button class="receive-coupon-code">兑换</button>
                    </p>
                    <div class="coupon-main">
                    </div>
                </div>
                <div class="coupon-user-coupon">
                </div>
            </div>
            <!-- 我的地址 -->
            <div class="address-detail appear">
                <div class="address-title">
                    <ul>
                        <li class="active"><a href="javascript:;">我的地址</a></li>
                    </ul>
                </div>
                <div class="address-bar">
                    <ul>
                        <li class="name">姓名</li>
                        <li class="place">地址</li>
                        <li class="tel">联系电话</li>
                        <li class="operate">操作</li>
                    </ul>
                </div>
                <div class="address-list">
                </div>
                <div class="add-site"><i class="add-place"></i> 新增收货地址</div>
            </div>
        </div>   
    </main>
    <footer></footer>
    <script src="/libs/require/require.js" data-main="/js/myOrder"></script>
</body>
</html>